<template>
    <el-container class="container">
        <el-aside width="15%" class="aside">
            <ComponentSidebar/>
        </el-aside>
        <el-main class="main">
            <ComponentMain />
        </el-main>
    </el-container>
</template>

<script setup lang="ts">
import ComponentSidebar from "@/components/layout/ComponentSidebar.vue";
import ComponentMain from "@/components/layout/ComponentMain.vue";
</script>

<style lang="scss" scoped>
.container {
    height: 100%;
}

.aside {
    background-color: #66a6aa;
}

.main {
    background-color: #dfeeee;
}
</style>